<?php

/* @var $this \yii\web\View */
/* @var $content string */

use yii\helpers\Html;
use frontend\modules\yii2\widgets\layouts\dockerdoc\assets\DockerDocAsset;
DockerDocAsset::register($this);
?>
<?php $this->beginPage() ?>
<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="https://www.yiichina.com/favicon.ico?v=1528501659">

    <?php $this->registerCsrfMetaTags() ?>
    <title><?= Html::encode($this->title) ?></title>
    <?php  $this->head() ?>
</head>

<body>
<?php $this->beginBody() ?>
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/yii/default/test">
                <img src="/images/logo.png" alt="yii brand">
            </a>
        </div>
        <div class="navbar-collapse collapse hidden-xs hidden-sm">
            <ul class="nav navbar-nav navbar-left">
                <li><a href="/" class="action">Home1</a></li>
                <li><a href="/bootstrap3">Bootstrap3</a></li>
                <li><a href="/docs">Docs</a></li>
                <li><a href="/docker" class="">Docker Tools</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="/contact">Contact</a></li>
            </ul>
        </div>
    </div>
    <div class="row xs-nav collapse hidden-md hidden-lg" id="navbar">
        <div class="col-xs-4"><a href="#">Home</a></div>
        <div class="col-xs-4"><a href="#">Bootstrap3</a></div>
        <div class="col-xs-4"><a href="#">Contact</a></div>
    </div>
</nav>


<div class="container-fluid">
    <?=$content?>
</div>

<style>
    .yii-footer {
        height: 60px;
        width: 100%;
        background-color: white;
        margin-top: 10px;
        border-top:1px solid #ccc;
        text-align: center;
    }
    .vertical-container {
        display: -webkit-flex;
        display:         flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .yii-footer span {
        margin: auto;
        width: 300px;
        /*display: block;*/
        vertical-align: middle;
    }
</style>
<footer class="yii-footer vertical-container">
    <span >浙ICP备2021007911号 Powered by @陈致威</span>
</footer>

<?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>
